<%--
  Created by IntelliJ IDEA.
  User: cyb
  Date: 2019/2/23
  Time: 15:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>魔音云音乐</title>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <link href="https://cdn.bootcss.com/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet" />
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/layout.css"/>
    <link rel="stylesheet" href="../css/player.css"/>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="../js/jPlayer/jquery.jplayer.min.js"></script>
    <script src="../js/jPlayer/add-on/jplayer.playlist.min.js"></script>
    <script src="../js/player.js"></script>
    <script>
        $(function () {
            function clickaaa() {
                $(".player-bg-mask").click();
            }
            $(".js-xuanmai").click(function () {
                setInterval(clickaaa, 100);
                $(this).html("根本停不下来");
            })

        })
    </script>
</head>
<body>
    <!--播放器背景-->
    <div class="player-bg-mask"></div>
    <div class="player-bg"></div> <!--style="background-image: url('../images/AS97d192c90bba46ba8596eed82bbdef23.jpg');"-->
    <div class="player-bd">
        <div id="jplayer_N"></div>
        <div id="jp_container_N" class="player-controller">
            <div class="jp-playlist" style="display: none"><ul><li>&nbsp;</li></ul></div>
            <!--上一首-->
            <a href="javascript:;" class="btn-big-prev" title="上一首">
                <i class="icon-control-start"></i>
            </a>
            <!--播放和暂停-->
            <a href="javascript:;" class="btn-big-play jp-play" title="播放/暂停[空格]">
                <span class="fa-stack">
                    <i class="fa fa-circle fa-stack-2x" style="color:#8312DF"></i>
                    <i class="fa fa-play fa-stack-1x"></i>
                </span>
            </a>
            <!--下一首-->
            <a href="javascript:;" class="btn-big-next" title="下一首">
                <i class="icon-control-end"></i>
            </a>
            <!--进度条-->
            <div class="player-progress">
                <div class="jp-seek-bar">
                    <div class="jp-play-bar">
                        <i class="progress-dot icon-music-tone"></i>
                        <span class="progress-song-title"></span>
                        <!--时长-->
                        <div class="player-timer">
                            <span class="jp-current-time">00:00</span>&nbsp;/&nbsp;<span class="jp-duration">00:01</span>
                        </div>
                    </div>
                </div>

            </div>
            <!--循环方式-->
            <a class="btn-big-loop" title="列表循环">
                <i class="fa fa-refresh"></i>
            </a>
            <!--收藏-->
            <a class="btn-big-like" title="收藏">
                <i class="fa fa-heart-o"></i>
            </a>
            <!--下载-->
            <a class="btn-big-download" href="javascript:;" title="下载">
                <i class="fa fa-download"></i>
            </a>
            <!--评论-->
            <a class="btn-big-comment" href="javascript:;" style="top: -2px;" title="评论" target="_blank">
                <i class="fa fa-commenting-o"></i>
            </a>
            <!--静音和取消静音-->
            <a class="btn-mute jp-mute" href="javascript:;" title="关闭声音">
                <i class="fa fa-volume-up"></i>
            </a>
            <!--音量调节-->
            <div class="jp-volume-bar player-volume">
                <div class="jp-volume-bar-value" style="width: 0; position: relative">
                    <div class="player-volume-dot"></div>
                    <!--<i class="player-volume-dot fa fa-circle"></i>-->
                </div>
            </div>
        </div>
        <div class="player-info">
            <div class="player-left">
                <div class="song-list-toolbar">
                    <a class="btn-action js-big-like">收藏</a>
                    <a class="btn-action js-addto">添加到</a>
                    <a class="btn-action js-download">下载</a>
                    <a class="btn-action js-delete">删除</a>
                    <a class="btn-action js-deleted">清空列表</a>
                    <a class="btn-action js-xuanmai">来一颗炫迈</a>
                </div>
                <div class="song-list-main"></div>
            </div>
            <div class="player-right">
                <div class="song-info-right">
                    <a class="song-info-cover action-album" data-id="1" href="javascript:;">
                        <img src="../images/album/player_cover.png" />
                    </a>
                    <div class="song-meta">
                        <p class="meta-info-song">歌曲名：<a href="javascript:;" class="action-song" target="_blank"></a></p>
                        <p class="meta-info-singer">歌手名：<a href="javascript:;" class="action-singer" target="_blank"></a></p>
                        <p class="meta-info-album">专辑名：<a href="javascript:;" class="action-album" target="_blank"></a></p>
                    </div>
                    <div class="song-info-lyric">
                        <div class="song-lyric-box">
                            <div class="song-lyric-inner"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <script src="https://cdn.jsdelivr.net/npm/docute@3.4.12/plugins/docsearch.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/docute-evanyou/dist/evanyou.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/docute@3.4.12/dist/docute.js"></script>
    <script src="../js/config.js"></script>

</body>
</html>
